<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
	
<ui:composition template="/WEB-INF/plantillas/plantilla.xhtml">
	<ui:define name="contenido">
	<p:fieldset>			
		<p:toolbar>
   			<p:toolbarGroup align="center" styleClass="ui-widget-header">
      		 <p:outputLabel value="B&Uacute;SQUEDA DE TRABAJADOR"/>
   			</p:toolbarGroup>
		</p:toolbar>
	<br />
		<h:form id="formlstPersona">
			<p:panel id="panellstPersona" header="B&Uacute;SQUEDA DE TRABAJADOR">
				
					<p:panelGrid id="pglstPersona">
						<p:row >
							<p:column  >
								<h:outputLabel value="Tipo Documento:&nbsp;"/>								
							</p:column>
							<p:column >								
								<p:selectOneMenu    value="#{personaBean.personaParam.v_codtdocide}" 
													required="true" 
													id="v_codtdocide"
													requiredMessage="Debe elegir tipo de documento"
													widgetVar="v_codtdocide" onchange="validaXTipoDoc(this);">
									<f:selectItem itemLabel="--Seleccione Tipo Documento--" itemValue=""/>
									<f:selectItems 	var="lst" value="#{tipoDocumendoIdeBean.listaTipoDocumentos}" 
													itemValue="#{lst.v_codtdocide}" 
													itemLabel="#{lst.v_destdocide}"/>									
								</p:selectOneMenu>
							</p:column>
							<p:column >								
								<h:outputLabel value="Nro.Documento:&nbsp;"/>								
							</p:column>
							<p:column >								
								<p:inputText value="#{personaBean.personaParam.v_numdoc}" id="v_numdoc" 
								widgetVar="v_numdoc" onkeypress="return isNumberKeyNL(this);" required="true" requiredMessage="Debe ingresar el numero de documento">
								<f:validateLength maximum="15" />
								</p:inputText>
							</p:column>
							
						</p:row>
						
														 
					</p:panelGrid>
					<p:separator/>
				<center >
						<p:defaultCommand target="btnBuscarPer"/>
						<p:commandButton value="Buscar" id="btnBuscarPer"
										 icon="icon-usuario"
										 action="#{personaBean.buscarPersonaMant}"
										 update=":formListalstPersona:dtlstPersona, :formMensajes:msgMensajesConsolidado"
										 />
						<p:commandButton  value="Limpiar"
							  			  icon="icon-escoba"
							  			  action="#{personaBean.limpiarFormulario}" process="@form"
							  			  update=":formlstPersona:pglstPersona,:formListalstPersona:dtlstPersona"
										 />
				</center>
			</p:panel>			
		</h:form>
		<h:form id="formMensajes">
			<p:messages id="msgMensajesConsolidado"  />
		</h:form>
		<br/>
		<h:form id="formListalstPersona">
			<p:dataTable id="dtlstPersona" var="persona" emptyMessage="No hay registros para mostrar"
						 value="#{personaBean.lstPersonas}"
						 paginator="true"
						 paginatorPosition="bottom"
						 rows="10"
						 paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
						 rowsPerPageTemplate="5,10,15"
						 selection="#{personaBean.personaMan}"
						 selectionMode="single"
						 rowKey="#{persona.v_codtdocide}#{persona.v_numdoc}">
				
				<p:ajax event="rowSelect" update=":formListalstPersona:dtlstPersona" />
 				<p:ajax event="rowUnselect" update=":formListalstPersona:dtlstPersona" />
 				
				<p:column headerText="Tipo de Documento">
					<h:outputText value="#{persona.v_destdocide}" />
				</p:column>
				
				<p:column headerText="N° de Documento">
					<h:outputText value="#{persona.v_numdoc}" />
				</p:column>
				
				<p:column headerText="Apellidos y Nombres">
					<h:outputText value="#{persona.v_apepater} #{persona.v_apemater} #{persona.v_nombres}" />
				</p:column>
				
				<p:column headerText="Género">
					<h:outputText value="#{persona.c_codsexoX}" />
				</p:column>
				
				
				
				
			</p:dataTable>	
		</h:form>
		<br/>
		<p:separator/>
		<h:form id="formMantPersona">
		  <center>
			<p:commandButton  id="btnNuevo"
							  value="Nuevo"
							  icon="icon-agregar-usuario"
							  action="#{personaBean.redmntPersona}"
							  update=":formMensajes:msgMensajesConsolidado"						 
							  />
			<p:commandButton  id="btnModificar"
							  value="Modificar"
							  icon="icon-editar-usuario"
							  action="#{personaBean.redmntPersonaModificar}"
							  update=":formMensajes:msgMensajesConsolidado"						 
							  />							  
			
		  </center>
		</h:form>
		<br />		
		
		<h:form id="formConfirmacion">
		<p:confirmDialog id="dlgConfirmacion"
							 widgetVar="dlgConfirmacion"
							 header="Confirmacion de lo que sea"
							 message="¿Desea Confirmar?"
							 severity="alert"
							  width="350px">
				<center >			 
				<p:commandButton id="btnConfRegresarDocCE"
								 value="Confirmar"
							  	 icon="icon-pref"
							  	 						    
							  	 />
								 
				<p:commandButton value="Cancelar"                				 
                                 oncomplete="dlgConfirmacion.hide();"                               
                                 icon="icon-cancel" />				 
							 
			   </center>
		</p:confirmDialog>
		</h:form>
		<p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();"/>  
	</p:fieldset>	
	
		<script type="text/javascript">  
        //<![CDATA[
    		
    		function algunmetodo(xhr, status, args) {      			 		
        		 
   			 }

    		function validaXTipoDoc(combo){
    	    	var tipox = combo.options[combo.selectedIndex].value;
    	    	
    	    	if(tipox=="03"){
    	    		document.getElementById("formlstPersona:v_numdoc").value=""; 
    	    	}else {  
    	    		document.getElementById("formlstPersona:v_numdoc").value=""; 
    	    	}
    	    }

    		/*  $(document).ready(function(){
        		//alert("glglgllg");
        		//v_numdoc.value = 545545;
        		//$('#formlstPersona\\:v_numdoc').val("5415155815");
    			 
    		});

    		 $("[id='formlstPersona\\:v_codtdocide']").change(function(ev){
    			alert("glglgllg");	
    		    	//$('#formlstPersona\\:v_numdoc').val(""); "#formlstPersona\\:v_codtdocide"   
    		    	//validaXTipoDoc($(this).val());
    		    });
    		     */
    		
  			 //]]>
		</script> 
	</ui:define>
</ui:composition>	
</html>	